<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no"/>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script type="text/javascript" src="./js/fastclick/fastclick.js"></script>
  <script type="text/javascript" src="./js/flexible.js"></script>
  <link rel="stylesheet" href="./css/style.css">
  <title>移动端测试</title>
</head>
<body>
  <header class="bb-1px"></header>
  <!-- flex布局 -->
  <div class="list">
    <div class="item">
      <div class="pic"><img src="./images/bg1.jpg" alt=""></div>
      <div class="text">
        <div class="head">
          <h2><a>标题</a></h2>
          <span>操作</span>
        </div>
        <div class="bottom">
          <div class="count">
            <input type="button" value="-">
            <input type="text" value="1">
            <input type="button" value="+">
          </div>
          <span class="sum">￥：800</span>
        </div>
      </div>
    </div>
  </div>
  <!--  css滑动 -->
  <div class="pic-wrapper">
    <div class="pic-box">
      <div class="pic-content">
        <span>11</span>
        <span>11</span>
        <span>11</span>
        <span>11</span>
        <span>11</span>
      </div>
    </div>
  </div> 
  
</body>
</html>